<tem>
	<!-- 编辑 -->
	<div class="template" id="edit_template">
		<div class="panel-body no-tb-padder">
			<form class="bs-example form-horizontal xs-form">
				<div id="base_info">
				<div class="form-group">
			      <label class="col-lg-2 control-label required">策略名称</label>
			      <div class="col-lg-4">
			        <input type="text" maxlength="64" class="form-control input-sm" data-id="apName"
			        	validate="required ,stringLimit">
			      </div>
			      <label class="col-lg-2 control-label">策略状态</label>
			      <div class="col-lg-4">
			        <select class="form-control input-sm" data-type="select" data-id="apStatus">
						<option value="1">启用</option>
						<option value="0">停用</option>
					</select>
			      </div>
			    </div>

			    <div class="form-group">
			      	<label class="col-lg-2 control-label">生效周期</label>
			     	<div class="col-lg-2">
					<select class="form-control input-sm" data-id="apCycle" data-type="select">
						<option value="-1">----</option>
						<option value="1">天</option>
						<option value="2">周</option>
						<option value="3">月</option>
					</select>
				</div>
				<div class="col-lg-2">
					<select class="form-control input-sm" data-id="apCyclePeriod" data-type="select" disabled>
					</select>
				</div>

			      	<label class="col-lg-2 control-label">执行时间</label>
			      	<div class="col-lg-2" style="width: 16%;">
							<input type="text" class="form-control input-sm" style="padding-right: 0px;" data-flag="time" data-id="validityStart" disabled validate="required,Hms">
						</div>
						<div class="col-lg-1 p0" style="width:auto;padding:4px 2px;">
				          -
				        </div>
						<div class="col-lg-2" style="width: 16%;">
							<input type="text" class="form-control input-sm" style="padding-right: 0px;" data-flag="time" data-id="validityEnd"  validate="required,Hms" disabled>
						</div>
			    </div>

			    <div class="form-group">
			      <label class="col-lg-2 control-label required">日志收集代理</label>
			      <div class="col-lg-4">
			          <div class="inputdrop" id="nodeId" required></div>
			      </div>

			      <label class="col-lg-2 control-label">资产类型</label>
			      <div class="col-lg-4">
			        <div class="inputdrop" id="deviceType"></div>
			      </div>
			    </div>
			    </div>

			    <div class="form-group">
			      <label class="col-lg-2 control-label">事件等级</label>
			      <div class="col-lg-4">
			          <select class="form-control input-sm" data-type="select" 
			          				data-id="eventGrade" multiple="multiple" validate="required">
						  <option value="1">很高</option>
						  <option value="2">高</option>
						  <option value="4">中</option>
						  <option value="8">低</option>
						  <option value="16">很低</option>
					  </select>
			        </div>
			    </div>

			    <div class="form-group">
			      <label class="col-lg-2 control-label">关键字</label>
			      <div class="col-lg-8">
			        <textarea class="form-control input-sm" data-id="keyWords" placeholder="(多个关键字以英文“,”分开)"></textarea>
			      </div>
			    </div>

			    <div class="form-group">
			      <label class="col-lg-2 control-label">备注信息</label>
			      <div class="col-lg-8">
			        <textarea class="form-control input-sm" data-id="apDesc"></textarea>
			      </div>
			    </div>
			    
				<div class="form-group" style="margin-left:-25px;">
				    <label class="col-lg-2 control-label tr">应用事件名称</label>
				    <div class="col-lg-4" style="width: 250px;">
			        	<input class="form-control input-sm" validate="required" type="text" data-id="emailTitle"/>
			      	</div>   
				
					<div class="col-lg-1" id="left1">
						<!-- 右移箭头 -->
						<div style="right:7px;top:44px;font-size:20px;z-index:2000;" 
						id="chevron-right1" class="pabs square">
							<i class="icon-chevron-right"></i>
						</div>
						
						<!-- 左移箭头 -->
						<div style="right:7px;top:88px;font-size:20px;z-index:2000;" 
						id="chevron-left1" class="pabs square">
							<i class="icon-chevron-left"></i>
						</div>
					</div>
					<div class="col-lg-5" style="width:392px;">
						<div id="ipList_table1" class="table-div" style="height:130px;margin-left:5px;"></div>
					</div>
				</div>

				<div style="padding-left: 8px;"> 
					<div class="form-group">
						<label class="col-lg-3">使用事件类型筛选</label>
						<div class="col-lg-3" style="margin-left:-30px;">
							<select class="form-control input-sm" data-type="select" data-id="eventTypeComboBox">
							</select>
						</div>
					</div>			
					<div class="form-group">
						<div class="col-lg-5" style="width: 390px;">
							<div id="eventList_left_table2" class="table-div" style="height:180px;"></div>
						</div>
						<div class="col-lg-1">
							<!-- 右移箭头 -->
							<div style="right:23px;top:50px;font-size:20px;z-index:2000;" 
									id="chevron-right2" class="pabs square">
								<i class="icon-chevron-right"></i>
							</div>
							<!-- 左移箭头 -->
							<div style="right:23px;top:100px;font-size:20px;z-index:2000;" 
									id="chevron-left2" class="pabs square">
								<i class="icon-chevron-left"></i>
							</div>
						</div>
						<div class="col-lg-5" style="width: 390px;right:-60px;">
							<div id="eventList_right_table2" class="table-div" style="height:180px;"></div>
						</div>
					</div>
				</div>

				<div style="padding-left: 8px;"> 
					<div class="form-group">
						<label class="col-lg-3">使用设备类型筛选</label>
						<div class="col-lg-3" style="margin-left:-30px;">
							<!-- <select class="form-control input-sm" data-type="select" data-id="eventTypeComboBox3">
							</select> -->
							<div class="inputdrop" id="eventTypeComboBox3"></div>
						</div>
					</div>			
					<div class="form-group">
						<div class="col-lg-5" style="width: 390px;">
							<div id="eventList_left_table3" class="table-div" style="height:180px;"></div>
						</div>
						<div class="col-lg-1">
							<!-- 右移箭头 -->
							<div style="right:23px;top:50px;font-size:20px;z-index:2000;" 
									id="chevron-right3" class="pabs square">
								<i class="icon-chevron-right"></i>
							</div>
							<!-- 左移箭头 -->
							<div style="right:23px;top:100px;font-size:20px;z-index:2000;" 
									id="chevron-left3" class="pabs square">
								<i class="icon-chevron-left"></i>
							</div>
						</div>
						<div class="col-lg-6" style="width: 390px;right:-60px;">
							<div id="eventList_right_table3" class="table-div" style="height:180px;"></div>
						</div>
					</div>
				</div>

				<div class="form-group">
					<div class="col-lg-6" id="left">
						<!-- 右移箭头 -->
						<div style="right:-18px;top:44px;font-size:20px;z-index:2000;" 
						id="chevron-right" class="pabs square">
							<i class="icon-chevron-right"></i>
						</div>
						
						<!-- 左移箭头 -->
						<div style="right:-18px;top:88px;font-size:20px;z-index:2000;" 
						id="chevron-left" class="pabs square">
							<i class="icon-chevron-left"></i>
						</div>

						<div class="form-group">
							<label class="col-lg-4 control-label">IP类型</label>
							<div class="col-lg-8 float-div">
								<div class="checkbox">
								  <label class="i-checks">
								  	<input type="checkbox" name="ipType" value="0"><i></i> <span>源IP</span>
								  </label>
								</div>
								<div class="checkbox ml5">
								  <label class="i-checks">
								  	<input type="checkbox" name="ipType" value="1"><i></i> <span>目的IP</span>
								  </label>
								</div>
								<div class="checkbox ml5">
								  <label class="i-checks">
								  	<input type="checkbox" name="ipType" value="2"><i></i> <span>发生源</span>
								  </label>
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="col-lg-4 tr">
								<div class="radio">
									<label class="i-checks">
									  <input type="radio" value="0" name="ipVersion" checked>
									  <i></i>
									  IPV4
									</label>
								</div>
							</div>
							<div class="col-lg-3" style="width:28%;padding-right:0px;">
						        <input type="text" class="form-control input-sm" data-id="startIp" id="startIp" validate="required,ipv4">
					        </div>
					        <div class="col-lg-1 p0" style="width:auto;padding:0 6px;">
					          -
					        </div>
					        <div class="col-lg-3" style="width:28%;padding-left:0px;">
					          <input type="text" class="form-control input-sm" data-id="endIp" id="endIp" validate="required,ipv4">
					        </div>
				        </div>
				        <div class="form-group">
							<div class="col-lg-4 tr">
								<div class="radio">
									<label class="i-checks">
									  <input type="radio" value="1" name="ipVersion">
									  <i></i>
									  IPV6
									</label>
								</div>
							</div>
							<div class="col-lg-7" style="width:60%;">
						        <input type="text" class="form-control input-sm" data-id="ipV6" id="startIp" validate="required,ipv6" disabled>
					        </div>
				        </div>	
					</div>
					<div class="col-lg-6">
						<div id="ipList_table4" class="table-div" style=" margin-left: 35px;height:130px;width:360px;"></div>
					</div>
				</div>

			</form>
		</div>
	</div>

	<!-- 详情 -->
	<div class="template" id="detail_template">
		<div class="panel-body no-tb-padder">
			<form class="bs-example form-horizontal xs-form xs-form-mb5">
				<div class="form-group">
					<label class="col-lg-3 control-label">策略名称：</label>
					<label class="col-lg-3 control-label tl" data-id="apName"></label>
					<label class="col-lg-3 control-label">策略状态：</label>
					<label class="col-lg-3 control-label tl" data-id="apStatusName"></label>
				</div>

				<div class="form-group">
					<label class="col-lg-3 control-label">日志收集代理：</label>
					<label class="col-lg-3 control-label tl" data-id="nodeName"></label>

					<label class="col-lg-3 control-label">资产类型：</label>
					<label class="col-lg-3 control-label tl" data-id="deviceTypeName"></label>
				</div>

				<div class="form-group">
					<label class="col-lg-3 control-label">关键字：</label>
					<label class="col-lg-3 control-label tl" data-id="keyWords"></label>

					<label class="col-lg-3 control-label">事件等级：</label>
					<label class="col-lg-3 control-label tl" data-id="eventGradeName"></label>
				</div>

				<div class="form-group" data-id="ip_div">
					<label class="col-lg-3 control-label">周期信息：</label>
					<label class="col-lg-9 control-label tl" data-id="circle_info"></label>
				</div>

				<div class="form-group" data-id="asset_div">
					<label class="col-lg-3 control-label">备注信息：</label>
					<label class="col-lg-9 control-label tl" data-id="apDesc"></label>
				</div>

				<div class="form-group">
					<label class="col-lg-3 control-label">应用事件名称：</label>
					<div id="apply_event_div" class="table-div col-lg-8" style="height:250px"></div>
				</div>

				<div class="form-group">
					<label class="col-lg-3 control-label">事件类别：</label>
					<div id="event_type_div" class="table-div col-lg-8" style="height:250px"></div>
				</div>

				<div class="form-group">
					<label class="col-lg-3 control-label">日志样本：</label>
					<div id="log_sample_div" class="table-div col-lg-8" style="height:250px"></div>
				</div>

				<div class="form-group">
					<label class="col-lg-3 control-label">发生源IP：</label>
					<div id="source_ip_div" class="table-div col-lg-8" style="height:250px"></div>
				</div>
			</form>
		</div>
	</div>
</tem>